<DOCTYPE html>
<!--HTML5 doctype-->
<html>
<head>
	<title>检查列表</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="stylesheet" type="text/css" href="../../css/jquery.mobile-1.4.0.css" />
    <link rel="stylesheet" type="text/css" href="../../css/zpdydhl_mobile.css">
    <link rel="stylesheet" type="text/css" href="../../css/mobiscroll.custom-2.6.2.min.css">
    <script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../js/jquery.mobile-1.4.0.min.js"></script>
    <script type="text/javascript" src="../../js/zpdydhl_mobile.js"></script>
    <script type="text/javascript" src="../../js/mobiscroll.custom-2.6.2.min.js"></script>
    <style type="text/css">
		.jiancha{border-bottom:1px solid #a3a3a3; height:78px; margin-top:5px;padding:0 8px;}
		.jiancha .jiancha_text{height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:26px;}
		.jiancha .jiancha_name{color:#067ebb; font-weight:bolder}

		/*加载loding*/
        .spinner {
          margin: 5px auto 0;
          width: 150px;
          text-align: center;
          position: fixed;
        }

        .spinner > div {
          width: 20px;
          height: 20px;
          background-color: #67CF22;

          border-radius: 100%;
          display: inline-block;
          -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
          animation: bouncedelay 1.4s infinite ease-in-out;
          /* Prevent first frame from flickering when animation starts */
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
        }

        .spinner .bounce1 {
          -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
        }

        .spinner .bounce2 {
          -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
        }

        @-webkit-keyframes bouncedelay {
          0%, 80%, 100% { -webkit-transform: scale(0.0) }
          40% { -webkit-transform: scale(1.0) }
        }

        @keyframes bouncedelay {
          0%, 80%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
          } 40% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
          }
        }
        /*end*/
	</style>
</head>
<body>
	<div data-role="page" data-theme="c" id="page">
		<div id="jiancha_list">
		</div>
		<!-- <div data-role="footer" data-position="fixed" class="footer_list"  data-tap-toggle="false" data-theme="b">
			<ul>
				<li><a href="../Patient/showPatientZhuyuanDetail.html" data-ajax="false"><img src="../../css/images/bl.png"></a></li>
				<li><a href="../Patient/showPatientZhenduan.html" data-ajax="false"><img src="../../css/images/jy.png"></a></li>
				<li><a  href="../Patient/showYizhuChangqi.html" data-ajax="false"><img src="../../css/images/yz.png"></a></li>
				<li><a href="../Patient/showTizhengList.html" data-ajax="false"><img src="../../css/images/tz.png"></a></li>
				<li><a href="./showJianchaList.html" data-ajax="false"><img src="../../css/images/jc_hover.png"></a></li>
			</ul>
		</div> -->

	</div>
	<script type='text/javascript'>
		$(function () {
			document_type_global = "jianchaList";

		});
		function refreshData()
		{
			jianyanJiancha(patient_info_global.zhuyuan_id)
		}
		$(".jiancha").die().live("click",function(){
			var jiancha_id = $(this).attr('id');
			window.location.href = "./showJianchaResult.html?jiancha_id="+jiancha_id;
		});
		//检验检查
		function jianyanJiancha(zhuyuan_id) {
			//setHeader();
			$.ajax({
				type: "get",
				async: true,
				url:server_url+"Mobile/Jiancha/showJianchaListJson"+yiyuan_id,
				data: {zhuyuan_id:zhuyuan_id},
				dataType: "jsonp",
				jsonp: "callbackShowJianchaListJson",
				jsonpCallback:"feedBackStateShowJianchaListJson",
				error:function(mes)
				{
				},
				beforeSend: loading,
				success: function(result) {
					if(result.ret=="success")
					{
						var str = '';
						if(result.data != null)
						{
							for(var i=0;i<result.data.length;i++)
							{
								str += '<div class="jiancha" id="'+result.data[i].id+'">';
								str += '	<div class="jiancha_text">检查名称:<span class="jiancha_name">'+result.data[i].jiancha_mingcheng+'</span></div>';
								str += '	<div class="jiancha_text">异常情况:<font color="red">'+result.data[i].jiancha_yichangjieguo+'</font></div>';
								str += '	<div class="jiancha_text"><span style="float:left">科室:'+result.data[i].jiancha_keshi_name+'</span><span style="float:right">申请时间:'+result.data[i].shenqing_time+'</span></div>';
								str += '</div>';
							}
						}

						$('#jiancha_list').html(str);
						/*加载loding消失*/
	                    $('#m').remove();
	                    $('#lo').remove();
	                    /*end*/
					}
					else
						alert("失败");
				}
			});
		}
	</script>
</body>
</html>
